{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" integrity="sha512-iBBXm8fW90+nuLcSKlbmrPcLa0OT92xO1BIsZ+ywDWZCvqsWgccV3gFoRBv0z+8dLJgyAHIhR35VZc2oM/gI1w==" crossorigin="anonymous" /> -->
    <link rel="stylesheet" href="{% static 'eform/fa/css/all.min.css' %}"/>
    <link rel="manifest" href="{% static 'manifest.webmanifest' %}">

    <!-- bootstrap css -->
    {% include 'eform_css.html' %}
    <style>
        div.sticky {
            position: -webkit-sticky; /* Safari */
            position: sticky;
            top: 15px;
            z-index: 9999;
        }
        .gnslogo img{
        width: 10%;
        margin-top:30px;
        }
        input:read-only{
            color: black;
            background-color: white;
        }
        small{
            color: black;
            font-weight: 800;
        }
        p,label{
            color: black;
        }
       
    </style>
     <style>
        body {
            background-image: url({% static 'eform/main.png' %});
            background-size: cover;

        }
      
    </style>   
    {% block head %}
        
    {% endblock head %}
        
    {% block title %}
        
    
    {% endblock title %}
        
</head>
<body>
    
    {% block body %}
        
    {% endblock body %}
    <script src="{% static 'eform/fa/js/all.min.js' %}"></script>
    <script src="{% static 'eform/jquery-3.6.0.js' %}"></script>
    <!-- <script src="{% static 'eform/bootstrap/bootstrap.js' %}"></script> -->
    <script src="{% static 'eform/bootstrap/bootstrap.bundle.min.js' %}"></script>

    {% block script %}
    {% endblock script %}
</body>
</html>